<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <title>团购网站-我的</title>
    <link rel="stylesheet" href="./css/Home.css">
</head>

<body>
    <div class="wrap">
        <header>
            <div class="logo header_back">
                <a href="index.html">Back</a>
            </div>
            <div class="header_title">
                <h1>我的</h1>
            </div>
            <div class="locationBox right_info">
                <i class="iconfont iconMess icon-xinfeng"></i>
                <span class="info_num">2</span>
            </div>
        </header>
        <main>
            <div class="user_top">
                <div class="user_head_left"></div>
                <div class="user_top_mid">
                    <p>点击登录</p>
                    <p>常居地未设置</p>
                </div>
                <div class="user_top_right">
                    <a href="#">&gt;</a>
                </div>
            </div>
            <div class="col-3-Items">
                <div class="col-3-item">
                    <i class="iconfont icon-idea-full iconWhite"></i>
                    <span>我的点评</span>
                </div>
                <div class="col-3-item">
                    <i class="iconfont icon-star iconWhite"></i>
                    <span>我的收藏</span>
                </div>
                <div class="col-3-item">
                    <i class="iconfont icon-xiai iconWhite"></i>
                    <span>我的优惠券</span>
                </div>
            </div>
            <!-- 我的钱包 -->
            <div class="webBox title-row">
                <!-- 标题 -->
                <div class="topTitle">
                    <div class="title">
                        <i class="iconfont iconTitle icon-qianbao"></i>
                        <h3>我的钱包</h3>
                    </div>
                    <div class="moreBox">
                        <a href="#">更多 <i class="iconfont iconMore icon-yunhang"></i></a>
                    </div>
                </div>
            </div>
            <!-- 待点评 -->
            <div class="webBox title-row">
                <!-- 标题 -->
                <div class="topTitle">
                    <div class="title">
                        <i class="iconfont iconTitle icon-idea-full"></i>
                        <h3> 待点评</h3>
                    </div>
                    <div class="moreBox">
                        <a href="#">更多 <i class="iconfont iconMore icon-yunhang"></i></a>
                    </div>
                </div>
            </div>
            <!-- 找好友 -->
            <div class="webBox title-row">
                <!-- 标题 -->
                <div class="topTitle">
                    <div class="title">
                        <i class="iconfont iconTitle iconfindF icon-fuwudiqiu"></i>
                        <h3>找好友</h3>
                    </div>
                    <div class="moreBox">
                        <a href="#">更多 <i class="iconfont iconMore icon-yunhang"></i></a>
                    </div>
                </div>
            </div>
            <!-- 我的足迹 -->
            <div class="webBox title-row">
                <!-- 标题 -->
                <div class="topTitle">
                    <div class="title">
                        <i class="iconfont iconTitle icon-zuji iconZuji"></i>
                        <h3>我的足迹</h3>
                    </div>
                    <div class="moreBox">
                        <a href="#">更多 <i class="iconfont iconMore icon-yunhang"></i></a>
                    </div>
                </div>
            </div>
            <!-- 设置 -->
            <div class="webBox title-row">
                <!-- 标题 -->
                <div class="topTitle">
                    <div class="title">
                        <i class="iconfont iconTitle icon-shezhi iconShizhi"></i>
                        <h3>设置</h3>
                    </div>
                    <div class="moreBox">
                        <a href="#">更多 <i class="iconfont iconMore icon-yunhang iconLianxi"></i></a>
                    </div>
                </div>
            </div>
            <!-- 联系 -->
            <div class="webBox title-row">
                <!-- 标题 -->
                <div class="topTitle">
                    <div class="title">
                        <i class="iconfont iconTitle icon-dianhua"></i>
                        <h3>联系</h3>
                    </div>
                    <div class="moreBox">
                        <a href="#">更多 <i class="iconfont iconMore icon-yunhang"></i></a>
                    </div>
                </div>
            </div>
            <!-- btnBox -->
            <div class="btnBox">
                <div class="btn logout">退出</div>
                <div class="btn cancel">注销</div>
            </div>


        </main>

        <footer>
            <ul>
                <li><a href="index.html"><i class="iconfont iconfont_footer icon-shouye-shouye"></i><span>首页</span></a>
                </li>
                <li><a href="Find.html"><i class="iconfont iconfont_footer icon-faxian"></i><span>发现</span></a></li>
                <li><a href="Classify.html"><i class="iconfont iconfont_footer icon-fenlei1"></i><span>分类</span></a>
                </li>
                <li><a href="Home.html"><i class="iconfont iconfont_footer icon-wode-wode"></i><span>我的</span></a></li>
            </ul>
        </footer>
    </div>
</body>

</html>